<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src='./dist/jquery-3.2.1.js'></script>
	<title></title>
</head>
<style type="text/css">
.jiu{
	width:180px;
	overflow:hidden;
	float:left;
	margin-left:20px;
	margin-top:15px;
}
	select{
		width:100px;
		height:150px;
	}
</style>
<body>
<!-- 	<div class='jiu'><img src="jiu.jpg"></div>
	<div class='jiu'><img src="jiu.jpg"></div>
	<div class='jiu'><img src="jiu.jpg"></div>
	<div class='jiu'><img src="jiu.jpg"></div>
	<div class='jiu'><img src="jiu.jpg"></div>
	<div class='jiu'><img src="jiu.jpg"></div>
	<div class='jiu'><img src="jiu.jpg"></div> -->


<!-- <h1>linux is </h1>
<p>Confession.—Once more, upon the Waters.—The lonely Isle.—The strange Schooner.—Ashore.—A new Acquaintance.—A Disciple of Progress.—Railroads and Telegraphs for the Magdalen Islands.</p>
<h1>linux is </h1>
<p>Confession.—Once more, upon the Waters.—The lonely Isle.—The strange Schooner.—Ashore.—A new Acquaintance.—A Disciple of Progress.—Railroads and Telegraphs for the Magdalen Islands.</p>
<h1>linux is </h1>
<p>Confession.—Once more, upon the Waters.—The lonely Isle.—The strange Schooner.—Ashore.—A new Acquaintance.—A Disciple of Progress.—Railroads and Telegraphs for the Magdalen Islands.</p>
<h1>linux is </h1>
<p>Confession.—Once more, upon the Waters.—The lonely Isle.—The strange Schooner.—Ashore.—A new Acquaintance.—A Disciple of Progress.—Railroads and Telegraphs for the Magdalen Islands.</p>
<h1>linux is </h1>
<p>Confession.—Once more, upon the Waters.—The lonely Isle.—The strange Schooner.—Ashore.—A new Acquaintance.—A Disciple of Progress.—Railroads and Telegraphs for the Magdalen Islands.</p> -->


<!-- 选水果 -->
<!-- <form action='javascript:'>
	<h1>choose</h1>
	<select id='s1' size='2'>
		<option>apple</option>
		<option>orange</option>
		<option>purple</option>
		<option>potato</option>
		<option>tomato</option>
		<option>straberry</option>
		<option>watermelon</option>
	</select>
	<input type="button" value=">>" id='btn'>
		<select id='s2' size='2'>
		</select>
</form> -->
</body>
<script type="text/javascript">
// 	//单击循环
// 	i=0;
// $('img').click(function(){
// 	if(i%2==0){
// 		this.src='./picture/an.gif';
// 	}else{
// 		this.src='./picture/one.gif';
// 	}
// 	i++;	
// })





//鼠标移入移出
// $('img').mouseenter(function(){
// 	this.src='2.png';
// })
// $('img').mouseleave(function(){
// 	this.src='logo.jpg';
// })


// //jquery里面的移入移出事件
// $('img').hover(
// 	function(){
// 		this.src='2.png';
// 	},
// 	function(){
// 		this.src='logo.jpg';
// 	}
// 	);




//因为采用的版本已经去除toggle事件，所以无法使用该特效



// //酒仙网图片划入划出特效
// $('img').hover(
// 	function(){
// $(this).animate({'margin-left':'-100px'},100);
// 	},
// 	function(){
// $(this).animate({'margin-left':'0px'},100);
// 	}
// 	);


//切换内容，是一个方法，所以为了避免歧义，把函数取消掉了
// $('h1').click(function(){
// 	$(this).next().toggle(1000);
// });



//选水果
// $('#btn').click(function(){
// 	$('#s1 option:selected').clone().appendTo('#s2');
// });



</script>
</html>
